<%-- 
    Document   : index.jsp
    Created on : Sep 21, 2013, 3:57:07 AM
    Author     : yoko
--%>

<%@page import="org.apt.matrimony.beans.CasteBeans"%>
<%@page import="org.apt.matrimony.beans.MotherTongueBeans"%>
<%@page import="org.apt.matrimony.beans.ReligionBeans"%>
<%@page import="java.util.List"%>
<%@page import="org.apt.matrimony.beans.CountryBeans"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <link href="css/template-home.css" rel="stylesheet" type="text/css" media="all" />
        <link href="css/news_ticker/ticker-style.css" rel="stylesheet" type="text/css" />
        <!-- JS FOR SuperFish DropDown Menu ############################# -->
        <link href="css/dropDownMenu/superfish.css" rel="stylesheet" type="text/css" media="all" />
        <script type="text/javascript" src="scripts/jquery1.6.2_production.js"></script>
        <script type="text/javascript" src="scripts/superfish.js"></script>
        <script type="text/javascript" src="js/Default.js"></script>
        <!-- JS FOR SCROLLING NEWS TICKER ############################# -->
        <script type="text/javascript" src="scripts/jquery.ticker.js"></script>

        <!--<script type="text/javascript" src="js/jquery_min.js"></script>-->

        <script type="text/javascript" src="js/fancyzoom.min.js"></script>
        <script type="text/javascript" src="js/login.js"></script>
        <link href="css/Default1.css" rel="stylesheet" type="tetext/css"/>
        <script language="javascript" type="text/javascript">
            /*SCRIPT INITIALIZATION FOR DROPDOWN MENU###################### */
            $(document).ready(function(){
                $("ul.sf-menu").superfish();
                $('div.photo a').fancyZoom({scaleImg: true, closeOnClick: true});

                $('#medium_box_link').fancyZoom({width:400, height:300});

                $('#large_box_link').fancyZoom();

                $('#flash_box_link').fancyZoom();
            });

            /* SCRIPT FOR SCROLLING NEWS TICKER ############################### */

            $(function () {
                $('#js-news').ticker();
            });

        </script>

        <!-- SLIDER FOR PROFESSIONAL SEARCH IMAGE SLIDER######################## -->
          <link rel="stylesheet" href="css/slider.css"/>
            <script src="scripts/jquery.easing.js" type="text/javascript" language="javascript"></script>
            <script src="scripts/slides.min.jquery.js"></script>
                     <script language="javascript">
                $(function(){
                    $('#slides').slides({
                        preload: true,
                        preloadImage: 'img/loading.gif',
                        play: 3000,
                        pause: 2500,
                        hoverPause: true
                    });
                });
                <!-- Function to OPEN NEW WINDOW FOR SITE TOUR -->
                function poponload()
                {
                    testwindow = window.open("site_tour/site_tour.jsp", "MatrimonyMatch_SiteTour", "resizable=0, menubar=0, toolbar=0, location=0,status=0,scrollbars=0,width=835,height=690");
                    testwindow.moveTo(200, 200);
                }
            </script>
                            <script language="javascript" src="js/search.js" type="text/javascript"></script>
            <script language="javascript" src="js/Default.js" type="text/javascript"></script>
  
    </head>
    <body>

        <div id="wrapper">

            <!-- HEADER STARTS HERE ###################################################  -->
            <jsp:include page="header.jsp"></jsp:include>
            <!-- HEADER ENDS HERE ###################################################  -->
            <!-- CONTENT AREA STARTS HERE ###################################################  -->
            <div id="content_area">
                <!-- SHOWCASE AND QUICK SEARCH SECTIONS STARTS HERE ######################################## -->
                <div id="showcase">

                    <ul id="wrap">

                        <li class="top"></li>

                        <li class="middle">

                            <div id="left" style="overflow:hidden;">

                                <h2 class="caption">

                                    <div id="ticker-wrapper" class="no-js">

                                        <ul id="js-news" class="js-hidden">

                                            <li class="news-item"><a href="#">The Joys of Marriage begin here - Be with us to find Partner </a></li>

                                            <li class="news-item"><a href="#">The Perfect Bureau  for Online Marriage</a></li>

                                            <li class="news-item"><a href="#">The Secure and Safe way to find Partner</a></li>

                                            <li class="news-item"><a href="#">Matrimony Web - Your Perfect Life Guider</a></li>

                                        </ul>

                                    </div>

                                </h2>
                                <jsp:useBean id="list" scope="session" class="org.apt.matrimony.methods.selects"></jsp:useBean>
                                <div class="banner">

                                    <!-- HOMEPAGE MAIN BANNER MODULE WILL COME HERE ######################## -->
                                <div id="slideshow">
                                                <img src="images/banners/new_image3.jpg" width="637" height="274" border="0" usemap="#Map" alt="Slideshow Image 1"  />
                                                <img  src="images/banners/new_image.jpg" width="637" height="274" border="0" usemap="#Map" alt="Slideshow Image 2" />
                                                <img src="images/banners/new_image5.jpg" width="637" height="274" border="0" usemap="#Map" alt="Slideshow Image 3" />
                                                <img src="images/banners/new_image4.jpg" width="637" height="274" border="0" alt="Slideshow Image 4" />
                                                <img src="images/banners/new_image2.jpg" width="637" height="274" border="0" alt="Slideshow Image 5" />
                                                <img src="images/banner1.jpg" width="637" height="274" border="0" usemap="#Map" class="active" /></div>
                                    <map name="Map" id="Map">
                                        <area shape="rect" coords="431,151,569,198" href="registration1.jsp" />
                                    </map>

                                </div>

                            </div>

                            <div id="right">

                                <table class="wrapper1" border="0" cellspacing="0" cellpadding="0">

                                    <tr>

                                        <td class="td11"></td>

                                        <td class="td12"></td>

                                        <td class="td13"></td>

                                    </tr>

                                    <tr>

                                        <td class="td21"></td>

                                        <td height="290" valign="top"><h2 style="height:24px; display:block; line-height:24px;"> <img src="images/icons/search_16.png" width="24" height="24" style="float:left; margin-right:5px;" />Quick Search</h2>
<!-- SEARCH FORM START HERE ######################## -->
                                            <form id="searchform" name="searchform" method="post" action="test.jsp">

                                                <table  width="95%" border="0" align="center" cellpadding="5" cellspacing="0" class="padding_5p" style="margin-top:5px;">

                                                    <tr>

                                                        <td width="40%">Looking for</td>

                                                        <td width="30%"><label>

                                                                <input name="lookingfor" type="radio" id="lookingfor" value="Female" checked="checked" />

                                                                Bride</label></td>

                                                        <td align="right"><label>

                                                                <input type="radio" name="lookingfor" id="lookingfor" value="Male" />

                                                                Groom</label></td>

                                                    </tr>

                                                    <tr>

                                                        <td>Age</td>

                                                        <td colspan="2"><table width="100%" border="0" cellspacing="0" cellpadding="0">

                                                                <tr>

                                                                    <td><label>

                                                                            <select name="selectagefrom" id="selectagefrom">
                                                                                <%for(int i=18; i<61; i++){%>
                                                                                <option value="<%=i%>"><%=i%></option>
                                                                                <%}%>
                                                                            </select>

                                                                        </label></td>

                                                                    <td width="30" align="center">To</td>

                                                                    <td align="right"><select name="selectageto" id="selectageto">
                                                                                <%for(int i=18; i<61; i++){%>
                                                                                <option value="<%=i%>"><%=i%></option>
                                                                                <%}%>
                                                                        </select></td>
                                                                </tr>
                                                            </table></td>
                                                    </tr>

                                                    <tr>

                                                        <td>Religion</td>

                                                        <td colspan="2"><select onchange="caste_resetRF(this.value)" class="width_100" size="1" id="religion" name="religion">
                                                                <option selected="" value="0">-Select-</option>
                                                                <%
                                                                List<ReligionBeans> religionList=list.selectAllReligions();
                                                                    for(int i=0; i<religionList.size();i++){
                                                                    %>    
                                                                    <option value="<%= religionList.get(i).getReligion_Id() %>"><%= religionList.get(i).getReligion_Name() %></option>
                                                                <%}%>
                                                                </select></td>
                                                    </tr>
                                                    <tr>

                                                        <td>Mother Tongue</td>

                                                        <td colspan="2"><div align="left">

                                                                <select onchange="do_request(this.value);" class="width_100"  size="1" id="Language" name="Language">
                                                                    <option selected="" value="0">-Select-</option>
                                                                    <option value="vietnamese">Vietnamese</option>
                                                                    <option value="english">English</option>
                                                                    <option value="indian">Indian</option>
                                                                    <option value="korean">Korean</option>
                                                                    <option value="japanese">Japanese</option>
                                                                    <option value="french">French</option>
                                                                    <option value="spanish">Spanish</option>
                                                                    <option value="1">-other-</option>
                                                                </select>

                                                            </div></td>

                                                    </tr>

                                                    <tr>

                                                        <td><div align="left" id="caste">Caste</div></td>

                                                        <td colspan="2"  >     <select name="caste" class="width_100">
                                                                <option value="0">--Select--</option>
                                                                <%
                                                                List<CasteBeans> casteList=list.selectAllCaste();
                                                                    for(int i=0; i<casteList.size();i++){
                                                                    %>
                                                                    <option value="<%= casteList.get(i).getCaste_Id() %>"><%= casteList.get(i).getCaste_Name() %></option>
                                                                <%}%>
                                                            </select></td>

                                                    </tr>

                                                    <tr>
                                                        <td>Country</td>

                                                        <td colspan="2"><select name="country" class="width_100" id="country">

                                                                <option value="">-Select-</option>
                                                                <%
                                                                List<CountryBeans> countryList=list.selectAllCountries();
                                                                    for(int i=0; i<countryList.size();i++){
                                                                    %>    
                                                                    <option value="<%= countryList.get(i).getCountry_Id() %>"><%= countryList.get(i).getCountry_Name() %></option>
                                                                <%}%>
                                                                <option value="1">-other-</option>
                                                            </select></td>

                                                    </tr>

                                                    <tr>

                                                        <td colspan="2" align="right"><label>

                                                                <input type="checkbox" name="photo" id="photo" />

                                                                Only with photo</label></td>

                                                        <td align="right" style="padding-left:5px;"><a href="javascript:document.searchform.submit();" class="button-small square-orange uppercase float_right"><span></span> Search </a></td>

                                                    </tr>

                                                    <tr>

                                                        <td colspan="3" style="border-top:dotted 1px #e9c491"><table width="100%" border="0" cellspacing="0" cellpadding="0" >

                                                                <tr>

                                                                    <td align="left"><a href="id_search.jsp" class="link">Profile ID Search</a></td>

                                                                    <td align="right"><a href="search_page.jsp" class="link">More Search Options</a></td>

                                                                </tr>

                                                            </table></td>

                                                    </tr>

                                                </table>

                                            </form></td>

                                        <td class="td23"></td>

                                    </tr>

                                    <tr>

                                        <td class="td31"></td>

                                        <td class="td32"></td>

                                        <td class="td33"></td>

                                    </tr>

                                </table>

                            </div>

                        </li>

                        <li class="bottom"></li>

                    </ul>

                </div>
<!-- SEARCH FORM START HERE ######################## -->
                <!-- SHOWCASE AND QUICK SEARCH SECTIONS ENDS HERE ######################################## -->
               <!--CONTENT AREA SECTION ONE STARTS HERE ############################################# -->
                <div id="Content_section1"  style="width:970px;  height:179px;  clear:both;">

                    <div style="width:408px; height:159px; float:left;">

                        <table class="wrapper2" border="0" cellspacing="0" cellpadding="0">

                            <tr>

                                <td class="td11"></td>

                                <td class="td12"></td>

                                <td class="td13"></td>

                            </tr>

                            <tr>

                                <td class="td21"></td>

                                <td class="td22" style="height:146px; padding:6px; vertical-align:top; background-image:url(images/pm_bg.jpg); background-position:left bottom; background-repeat:no-repeat;"



                                    ><h2>Privilege Match</h2>

                                    <br />

                                    <table width="100%" border="0" cellspacing="10" cellpadding="5" class="clear">

                                        <tr>

                                            <td width="110" align="center" valign="top"><img src="images/bussyman.png" width="100" height="100" /></td>

                                            <td valign="top" class="size11">

                                                Marriage  Bureau Service for bussy professionals and parents abroad who
                                                need a guide to find out a partner for their kid. Click the below link
                                                to know more about Privilage Match<!--Marriage  Bureau Service for bussy professionals and parents abroad who need a guide to find out a partner for their kid. Click the below link to know more about Privilage Match--><br />

                                                <a href="privilegematch.jsp">Read More&gt;&gt;</a></td>

                                        </tr>

                                    </table></td>

                                <td class="td23"></td>

                            </tr>

                            <tr>

                                <td class="td31"></td>

                                <td class="td32"></td>

                                <td class="td33"></td>

                            </tr>

                        </table>

                    </div>

                    <div style="width:234px; height:157px; float:left; margin-left:10px;" >

                        <table class="wrapper2" border="0" cellspacing="0" cellpadding="0" style="width:234px;">

                            <tr>

                                <td class="td11"></td>

                                <td class="td12"></td>

                                <td class="td13"></td>

                            </tr>

                            <tr>

                                <td class="td21"></td>

                                <td class="td22" style="height:146px; padding:6px; vertical-align:top; overflow:hidden;"><h2>Login </h2>

                                    <form action="doLogin" method="post">

                                        <table width="100%" class="padding_5p" border="0" align="center" cellpadding="0" cellspacing="0" style="margin-top:5px;">
                                            <tr>
                                                <td colspan="2"><label class="rounded-textbox1" style="width:200px">
                                                        <input type="text" class="rounded-textbox1" value="Username" id="txtusername" name="username" style="width:194px" onblur="checkusername();" onfocus="rusername();" />
                                                    </label></td>
                                            </tr>
                                            <tr>
                                                <td colspan="2"><label class="rounded-textbox1" style="width:200px">
                                                        <input type="password" id="txtpassword" value="*******" class="rounded-textbox1" name="password" style="width:194px" onfocus="rpassword();" />
                                                    </label></td>
                                            </tr>
                                            <tr>
                                                <td width="80%"  style="padding:0px; padding-top:5px; "  ><a href="forgotpassword.jsp" class="link">Forgot Password?</a></td>
                                                <td align="right" style="padding:0px; padding-top:5px;" >
                                                    <input type="submit" class="button-small square-orange uppercase" style="clear:both; border:0px; text-align:center;height:28px;" value="Login" onclick="return validateloginform();"/>
                                                </td>
                                            </tr>
                                        </table>
                                    </form></td>

                                <td class="td23"></td>

                            </tr>

                            <tr>

                                <td class="td31"></td>

                                <td class="td32"></td>

                                <td class="td33"></td>

                            </tr>

                        </table>

                    </div>

                    <div style="width:306px; height:157px; margin-left:10px; float:right; margin-left:10px;" > <a href="#"><img src="images/banner2.jpg" width="300" height="151" /></a><span class="clear float_right gray">Advertisement</span></div>

                </div>

                <!--CONTENT AREA SECTION ONE ENDS HERE ############################################# -->



                <!--CONTENT AREA SECTION TWO STARTS HERE ############################################# -->

                <div id="Content_section2"  style="width:970px;  height:150px;  clear:both;">



                    <div style="width:406px; height:150px; float:left;">

                        <!--<a href="#"><img src="images/banner3.jpg" width="406" height="136" /></a>-->

                        <!-- PROFESSIONAL SEARCH SLIDE STARTS HERE ########################## -->

                        <div id="container">

                            <div id="example">



                                <img src="images/new-ribbon.jsp" width="112" height="112" alt="New Ribbon" id="ribbon"/>



                                    <div id="slides">

                                        <div class="slides_container">

                                            <a href="edu_search.jsp" title="Professional Search" target="_self"><img src="images/prof_banner/1.png" width="406" height="136" alt="Slide 1"/></a>

                                            <a href="edu_search.jsp" title="Professional Search" target="_self"><img src="images/prof_banner/2.png" width="406" height="136" alt="Slide 2"/></a>

                                            <a href="edu_search.jsp" title="Professional Search" target="_self"><img src="images/prof_banner/3.png" width="406" height="136" alt="Slide 3"/></a>

                                            <a href="edu_search.jsp" title="Professional Search" target="_self"><img src="images/prof_banner/4.png" width="406" height="136" alt="Slide 4"/></a>

                                            <a href="edu_search.jsp" title="Professional Search" target="_self"><img src="images/prof_banner/5.png" width="406" height="136" alt="Slide 5"/></a>

                                        </div>

                                        <a href="#" class="prev"></a>

                                        <a href="#" class="next"></a>

                                    </div>
                                     <!-- PROFESSIONAL SEARCH SLIDE ENDS HERE ########################## -->
                    </div>
                        </div>
                    </div>

                    <div style="width:545px; height:150px; float:right; margin-left:10px;" >

                        <h2>Why Matrimony Match?</h2>

                        <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top:10px;">

                            <tr>

                                <td width="150" align="center"><img src="images/logo_icon.png" width="71" height="61" alt="" /></td>

                                <td class="size11">                     Get wed in style. Just leave it to Matrimony Match Moments to make your great
                                    moment the best of them all. We take care of everything from the invite
                                    to venue arrangements, attending to guests' needs, giveaways and party.
                                    Our professionals help you choose from the options available for each
                                    aspect of the wedding.
                                    <!--Get wed in style. Just leave it to Numinous Moments to make your great moment the best of them all. We take care of everything from the invite to venue arrangements, attending to guests' needs, giveaways and party. Our professionals help you choose from the options available for each aspect of the wedding.--> <br />

                                    <a href="why_numinous_match.jsp" class="link">Read More</a></td>

                            </tr>

                        </table>

                        <br />

                        </div>
                </div>
</body>
</html>
